<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>timeDown style-1</title>
    <link rel="stylesheet" href="../../model/jsFn.css">
    <link rel="stylesheet" href="../../model/element.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< timeDown style="1" ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
                <li><p><a href="#jsFn_end">end ----------倒计时结束时执行的函数</a></p></li>
                <li><p><a href="#jsFn_start">start ----------开始计时</a></p></li>
                <li><p><a href="#jsFn_stop">stop ----------停止计时</a></p></li>
                <li><p><a href="#jsFn_pause">pause ----------暂停计时</a></p></li>
                <li><p><a href="#jsFn_set">set ----------设置时间</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <ul>
                <li><p><a href="#childElement_h">ph</a></p></li>
                <li><p><a href="#childElement_min">pm</a></p></li>
                <li><p><a href="#childElement_s">ps</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>timeDown style-1</h2>
    <div>简介:</div>
    <p>计时的控件</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <!--xmp标签可以直接书写xml格式文本-->
        <xmp>
            <timeDown default="false" id="count" orientation="up" timeDown="
        document.popupForResult('zn.pay-timeout-dialog.xml',{},true).then(res=>{document.finish();})">
                <pm font="17,#1a1717" minute_behind=":"  >15</pm>
                <ps font="17,#1a1717" >00</ps>
            </timeDown>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table >
            <tbody>
                <tr>
                    <th>属性</th>
                    <th>值</th>
                    <th>描述</th>
                </tr>
                <tr>
                    <td>end</td>
                    <td>javaScript</td>
                    <td>js函数</td>
                </tr>
                <tr>
                    <td>orientation</td>
                    <td>up/down</td>
                    <td>时间一点一点往上涨/倒计时</td>
                </tr>
                <tr>
                    <td>start</td>
                    <td>true|false</td>
                    <td>默认开始计时</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>

    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/timedown.png" alt="">
    </div>
</div>
<!--js方法-->
<div id="jsFn">
    <h2>js方法</h2>
    <div class="jsFnModel" id="jsFn_end">
        <h3>end</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>timeDown.end()-> null</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>倒计时end需要执行的内容</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>无</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>null</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                timeDown.end(()=>{
                    console.log('计时结束');
                });
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div class="jsFnModel" id="jsFn_start">
        <h3>start</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>timeDown.start() -> null</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>开始倒计时</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>无</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>无</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                timeDown.start();
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div class="jsFnModel" id="jsFn_stop">
        <h3>stop</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>timeDown.stop() ->null</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>停止倒计时</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <p>无</p>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>无</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                timeDown.stop();
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div class="jsFnModel" id="jsFn_pause">
        <h3>pause</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>timeDown.pause() -> null</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>暂停倒计时</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <p>无</p>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>无</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                timeDown.pause();
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div class="jsFnModel" id="jsFn_set">
        <h3>set</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>timeDown.set({hour:1,min:12,second:30}) -> null</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>停止倒计时</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <p>无</p>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>无</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                timeDown.set({hour:1,min:20,second:30});
                //设置倒计时控件为1小时 20分钟 30秒
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>

</div>
<!--子标签-->
<div id="childElement">
    <h2>子标签</h2>
    <div id="childElement_h">
        <h3>ph</h3>
        <p>时，设置小时</p>
    </div>
    <div id="childElement_min">
        <h3>pm</h3>
        <p>分，设置分钟</p>
    </div>
    <div id="childElement_s">
        <h3>ps</h3>
        <p>秒，设置秒</p>
    </div>
</div>
<div class="author"><p>by-姜进</p></div>
</body>
</html>